<%--
  Created by IntelliJ IDEA.
  User: ml
  Date: 2017/12/14
  Time: 10:17
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE HTML>
<html>
<head>
    <title>条形码预览</title>
    <%@ include file="/common/include-core.jsp" %>
    <%@ include file="/common/jspTemplate.jsp" %>
    <style type="text/css">
        table{
            table-layout:fixed;/* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */
        }
        td{
            width:100%;
            word-break:keep-all;/* 不换行 */
            white-space:nowrap;/* 不换行 */
            overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
            text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
        }
    </style>
  <script type="javascript">
     /*$(function(){
         var codeUrlList = $("#codeUrlList").val();
         var url = "";
         var html = "";
         divhtml += '<table id="tab" class="table table-border table-bordered table-bg table-hover table-sort">';
         divhtml += '<thead>';

         divhtml += '</thead>';
         divhtml += '<tbody id="orgList">';
         divhtml += '</tbody>';
         divhtml += ' </table>';
         for (i = 0; i < codeUrlList.length; i++) {
             html += "<tr><td><img float:left src="+url+"/temp/"+codeUrlList[i]+".png/></td></tr>";
         }
         $("#orgList").html(html);
        });*/
    </script>
</head>
<body>
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 产品实体 <span class="c-gray en">&gt;</span> 产品序列号 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<div class="page-container">
    <div class="text-c">
       <button id="doPrint" class="btn btn-success" type="submit"><i class="Hui-iconfont">&#xe665;</i> 打印</button>
    </div>
    <div class="mt-20 portfolio-content">
        <input type="hidden" id="codeUrlList" value="${codeUrlList}" />
        <!--startprint-->
        <div style="width: 720px"  id="serialBarCodeDiv" >

                <table style="page-break-after:always;">
                    <c:forEach items="${codeUrlList}" var="item" varStatus="varStatus">
                        <tr>
                            <td><img float:left src="${picPath}/${item}.png"/></td>
                        </tr>
                        <tr/>
                     </c:forEach>
                </table>

        </div>
        <!--endprint-->


    </div>
</div>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="/static/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="/static/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="/static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="/static/h-ui.admin/js/H-ui.admin.js"></script>
<!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="/static/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="/static/lib/lightbox2/2.8.1/js/lightbox.min.js"></script>
<script type="text/javascript" src="/static/js/admin/product/getProductEntityList.js"></script>
<%@ include file="/common/include-footer.jsp" %>
</body>
</html>

